<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
  <title>Test Case for Issue #2868</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <script type="text/javascript" src="jquery.js"></script>
</head>
<body>

<h1>Issue #2868</h1>

<p>This test-case is intended for <a href="http://code.google.com/p/fbug/issues/detail?id=2868">Issue #2868</a>
- <span class="h3">ajax response is not shown in the answer tab</span>.
<br/>
<i>Jan Odvarko, odvarko@gmail.com</i>
</p>

<ol>
<li>Open Firebug and enable the Console panel.</li>
<li>Make sure the <i>Show XMLHttpRequests</i> option is checked.</li>
<li>Click on the <code style="color:green">Execute Test</code> button below.</li>
<li>There should be one XHR displayed in the Console panel.</li>
<li>Expand the entry and verify the Response tab. It should display:
<span style="color:green">Response for test 2868.</span></li>
</ol>

<button id="testButton" onclick="onExecuteTest()">Execute Test</button>
<div id="content" style="color:green"></div>

<script type="text/javascript">
function onExecuteTest()
{
    $.ajax({
      url: 'issue2868.php',
      async: false,
      success: function(data) {
        setTimeout(function() {
            $('#content').html(data);
        }, 500);
      }
    });
}
</script>

</body>
</html>
